			.mui-bar-nav{
	    		background: #F14DA4;
	    		color: #fff;
	    	}
	    	.mui-bar-nav .mui-title,.mui-action-back{
	    		color: #fff;
	    	}
	    	header .right .shop{
	    		font-family: icon;
	    	}
	    	header .right{
	    		float: right;
	    		display: -webkit-flex;
				display: flex;
				-webkit-justify-content: flex-end;
				justify-content:flex-end;
				-webkit-align-items: center;
				align-items: center;
	    	}
			body{
				background: #fff !important;
			}
			.mui-content{
				background: #fff;
				/*position: relative;*/
			}
			.test{
				text-align: center;
				position: relative;
				padding-top: 2rem;
				margin-top: 1rem;
			}
			.test:before{
				text-align: center;
				position: absolute;
				display: block;
				content: '01';
				color: #fff;
				background: #F14DA4;
				border-radius: 50%;
				width:2rem;
				height: 2rem;
				line-height: 2rem;
				left: 50%;
				margin-left: -1rem;
				top: 0;
			}
			.test_con ul{
				text-align: center;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			.test_con ul li{
				width: 44%;
				margin:1rem 0.3rem 0 0.8rem;
			}
			.test_con ul li .img{
				width: 35%;
				margin: 0 auto;
				height: 4rem;
				overflow: hidden;
			}
			.test_con ul li .img img{
				width: 100%;
			}
			.test_con ul li h3{
				margin-top: 0.5rem;
				font-size: 0.8rem;
			}
			.test_con ul li p{
				font-size: 0.7rem;
				line-height: 1rem;
				margin-top: 0.3rem;
			}
			
			.test_con .next{
				display:block;
				color: #fff;
				background: #000;
				text-align: center;
				/*margin: 3rem auto;*/
				width: 20%;
				left: 40%;
				position: absolute;
				bottom: 5%;
			}
			.help{
				position: absolute;
				bottom: 5%;
				right: 1.6rem;
				color: #000;
			}
			.help span{
				border-radius: 50%;
				background: #000;
				color: #fff;
				width: 1rem;
				height: 1rem;
				line-height: 1rem;
				display: inline-block;
				text-align: center;
			}



			.mui-popover.mui-popover-bottom.mui-active{
				left: 10% !important;
				border-radius: 0;
				top:30% !important;
				}
			.mui-popover {
				height: 22rem;
				width: 80%;
				background: #fff;
			}
			#bottomPopover p{
				color: #000;
				font-size: 0.8rem;
				text-align: center;
				line-height: 3rem;
			}
			#bottomPopover h2{
				text-align: center;
				color: #F14DA3;
				font-size: 0.96rem;
				margin-top: 2rem;
				font-weight: 100;
			}
			#bottomPopover .btn{
				width: 100%;
				background: #007AFF;
				
			}
			#bottomPopover .btn button{
				width: 100%;
				float: left;
				border: none;
				background: #F680BD;
				border-radius: 0;
				line-height: 2rem;
				color: #fff;
				margin-top: 1.7rem;
			}
			#bottomPopover .btn .btn2{
				background: #F14DA4;
			}
			.mui-popover {
			    -webkit-transition: opacity 0s;
			     transition: opacity 0s; 
			   
			}
			
	    	.mui-popover .mui-popover-arrow {
			   display: none;
			}
			.mui-popover .mui-scroll-wrapper {
			    margin: 0;
			    border-radius: 0;
			    background-clip: padding-box;
			}
			#bottomPopover ul li{
				background: #ddd;
				width: 90%;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				overflow: hidden;
				height: 2.4rem;
				line-height: 2.4rem;
				font-size: 0.8rem;
				margin: 1rem auto;
			}
			#bottomPopover ul li input{
				width: 80%;
				color:#9e9e9e ;
				height: 2.4rem !important;
				line-height: 2.4rem !important;
				border: none;
				font-size: 0.8rem;
				background: #ddd;
				box-sizing: border-box;
				margin: 0 !important;
			}
			#bottomPopover ul li span{
				margin-right: 0.5rem;
			}

